<template>
  <el-table :data="processData" border :header-cell-style="tableRowClassName">
    <el-table-column
      width="130"
      align="center"
      prop="shopName"
      label="店铺名称"
    >
    </el-table-column>
    <el-table-column
      width="130"
      align="center"
      prop="roomExposureToWatchRate"
      label="直播间曝光-观看率"
    >
    </el-table-column>
    <el-table-column
      align="center"
      prop="roomWatchToInteractionRate"
      label="直播间曝光-互动率"
      width="130"
    >
    </el-table-column>
    <el-table-column
      width="130"
      align="center"
      prop="roomExposureCount"
      label="直播间曝光次数"
    >
    </el-table-column>
    <el-table-column
      width="130"
      align="center"
      prop="roomWatchCount"
      label="直播间观看次数"
    >
    </el-table-column>
    <el-table-column
      width="130"
      align="center"
      prop="soldItemsCount"
      label="直播间成交订单数"
    >
    </el-table-column>
    <el-table-column
      align="center"
      prop="viewProductExposureRate"
      label="观看-商品曝光率"
      width="130"
    >
    </el-table-column>
    <el-table-column
      width="130"
      align="center"
      prop="productExposureToClickRate"
      label="商品曝光-点击率"
    >
    </el-table-column>
    <el-table-column
      width="130"
      align="center"
      prop="productClickToOrderRate"
      label="商品点击-成交率"
    >
    </el-table-column>
    <el-table-column
      width="140"
      align="center"
      prop="productExposureCount"
      label="直播间商品曝光次数"
    >
    </el-table-column>
    <el-table-column
      width="140"
      align="center"
      prop="productClickCount"
      label="直播间商品点击次数"
    >
    </el-table-column>
    <el-table-column
      align="center"
      prop="completedOrdersCount"
      label="商品成交件数"
      width="130"
    >
    </el-table-column>
    <el-table-column
      align="center"
      prop="monthlySalesYoy"
      label="人均观看时长"
      width="130"
    >
    </el-table-column>
    <el-table-column
      align="center"
      prop="avgWatchDuration"
      label="千次观看成交金额"
      width="130"
    >
    </el-table-column>

    <!-- <el-table-column
      align="center"
      prop="yearSalesYoy"
      label="年度销售额同比"
      width="130"
    >
    </el-table-column>
    <el-table-column
      align="center"
      prop="yearSalesChain"
      label="年度销售额环比"
      width="130"
    >
    </el-table-column> -->
  </el-table>
</template>
<script>
export default {
  props: {
    processData: {
      type: Array,
      default: () => [],
    },
  },
  methods: {
    tableRowClassName({ row, column, rowIndex, columnIndex }) {
      if (column.label.includes("周")) {
        return "background:#ed7d31 !important;color:#fff ";
      } else if (column.label.includes("直播间")) {
        return "color: #515a6e;background:#c4dbf0 !important;";
      } else if (column.label.includes("季")) {
        return "background:#ed7d31 !important;color:#fff ";
      } else if (column.label.includes("年")) {
        return "color: #515a6e;background:#c4dbf0 !important;";
      } else if (column.label.includes("日")) {
        return "color: #515a6e;background:#c4dbf0 !important;";
      }
    },
  },
};
</script>



































































































